<template>
	<view>
			<uni-nav-bar  @clickLeft="back" left-icon="back" left-text="返回"  :title="title"></uni-nav-bar>
		<view class="center">
			<!-- 用户祥光信息的展示 -->
				<view class="top">
				    <h4>我所购买的书籍</h4>
				</view>	
				
			<view class="messag">
					
					<!-- item卡片 -->
					<book-Card  
					  @checkedBooks="checkedBooks" 
					  :isHidde="isHidde" 
					  ref='BookCard'></book-Card>
					
			</view>
			
		</view>
	</view>
</template>

<script>
	import bookCard from '@/components/book-card/book-card.vue'
	export default {
		components:{
			bookCard
		},
		onLoad() {
			
		},
		created() {
			
		},
		data() {
			return {
				title: '我所购买的书籍',
				isHidde:true,
				checkedbooks:[]
			}
		},
		methods:{
			checkedBooks(){
				this.checkedbooks = value
			},
			back(){
				uni.navigateBack()
			}
		}
	}
</script>

<style  scoped>
	
  .center{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .top{
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 16vh;
	align-items: center;
	
  }
  h4{
	  color:red;
	  font-size:30px
  }
  	
  .messag{
  	width:100%;
  }
 
</style>


